<el-dialog
        v-if="CenterParams.dialog"
        title="个人中心"
        :visible.sync="CenterParams.dialog"
        width="600px"
        top="8vh"
        custom-class="Va-dialog auto"
        :lock-scroll="false"
        append-to-body
        {{--  监测抽屉鼠标事件  --}}
        :close-on-click-modal="CenterParams.mousedownClassBol"
        @mousedown.native="$Center.handleWrapperMousedown($event)"
        @mouseup.native="$Center.handleWrapperMouseup($event)"
        {{--  监测抽屉鼠标事件 End  --}}
        v-cloak data-7512a93d
>
    <div v-loading="CenterParams.loading"  :element-loading-text="CenterParams.loadingMsg">
        <el-row :gutter="24" type="flex" class="Va-dialog-main"  data-7512a93d>
            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <el-form ref="CenterParams.model" :model="CenterParams.model" :rules="CenterParams.rules" label-position="top"
                         size="medium" class="Va-forms" data-7512a93d>

                    <el-form-item label="用户名" required prop="name">
                        <el-input v-model="CenterParams.model.name" placeholder="请填写用户名" maxlength="20" show-word-limit></el-input>
                    </el-form-item>

                    <el-form-item label="登录账号" required prop="account">
                        <el-input v-model="CenterParams.model.account" placeholder="请填写登录账号" :min="5" maxlength="20" show-word-limit></el-input>
                        <span data-7512a93d class="Va-help-block">
                            <i class="fa fa-exclamation-circle"></i> 5 ~ 20位字符，账号格式支持中文，英文，数字，下划线
                        </span>
                    </el-form-item>

                    <el-form-item label="登录密码" prop="password">
                        <el-input v-model="CenterParams.model.password" placeholder="请填写登录密码" maxlength="20" show-word-limit show-password
                                  :disabled="!CenterParams.updatePasswordStatus"></el-input>
                        <span data-7512a93d class="Va-help-block" v-if="CenterParams.model.id">
                            <i class="fa fa-exclamation-circle"></i>如需修改密码，请点击
                            <el-link type="warning" @click="CenterParams.updatePasswordStatus = !CenterParams.updatePasswordStatus">
                                @{{ !CenterParams.updatePasswordStatus ? '修改密码' :'取消修改'}}
                            </el-link>
                        </span>
                    </el-form-item>

                </el-form>
            </el-col>
        </el-row>
        <div slot="footer" class="Va-dialog-footer" data-7512a93d>
            <div class="Va-text-right" data-7512a93d>
                <el-button @click="$Center.CenterDialogSubmits()" type="primary" size="medium" :loading="CenterParams.loading">
                    @{{CenterParams.loading ? '提交中...' : '提 交'}}
                </el-button>
                <el-button @click="$Center.CenterDialogClose" size="medium">取 消</el-button>
            </div>
        </div>
    </div>
</el-dialog>